import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import Components from 'unplugin-vue-components/vite';
import { VantResolver } from '@vant/auto-import-resolver';
import { resolve } from 'path';
import postCssPxToRem from "postcss-pxtorem"


// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    Components({
      resolvers: [VantResolver()],
    }),
  ],
  css: {
    postcss: {
      plugins: [
        postCssPxToRem({
          // rootValue: 75, // 设计稿尺寸 1rem大小
          rootValue({ file }) {
            return file.indexOf('vant') !== -1 ? 37.5 : 75;
          },
          propList: ['*'], // 需要转换的属性，这里选择全部都进行转换
        })
      ]
    },
    devSourcemap:true
  },
  resolve: {
    //第一种写法:
    // alias: [
    //   {
    //     find: '@',
    //     replacement: resolve(__dirname, 'src'),
    //   },
    // ],
    //第二种写法：
    alias: {
      '@': resolve(__dirname, 'src'),
    },
    //文件后缀省略  
     // 在导入模块时，如果模块路径不包含文件扩展名，则会尝试添加下面这些扩展名
     extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'],
  },

})
